<!--Header-part-->
<div id="header">
	<img src="images/wx.png" style="width: 205px;height: 20.5px;margin: 25px 0 0 10px " />
</div>
<div id="user-nav" class="navbar navbar-inverse">
  <ul class="nav">
    <li class="dropdown" id="menu-messages">
    	<a  data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle">
    		<span style="font-size: 13px;" ng-bind="userNames"></span>  
    		<b class="caret" style="margin-left: 10px;"></b>
    	</a>
      <ul class="dropdown-menu">
       <!-- <li><a class="sAdd" title="" href="#"><i class="icon-plus"></i> 个人信息</a></li>
        <li class="divider"></li>
        -->
         <li><a class="sAdd" title="" ng-click="add()"> <i class="icon iconfont icon-rentou"></i> 修改个人信息</a></li>
        <li><a class="sInbox" title="" ng-click="exit()"><i class="icon-signout"></i> 退出</a></li>
      </ul>
    </li>
  </ul>
</div>


<div id="sidebar"> 
	 <ul>
	 	<li ng-repeat="m in menu | orderBy:'pPlace'">
    	<a ng-class="{'staff':'actives'}[page]"   ng-click="getPage(m.pIcon,'s')">
    		<i class="iconfont icon-{{m.pIcon}}">
    		</i> <span>{{m.pName}}</span> 
    		<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.staff]" class="icon-chevron-right"></i>
    	</a>
    	<ul ng-if="pages[m.pIcon]">
    		
	        <li ng-class="{[ms.pRoute]:'actives'}[page]" ng-click="getPage(ms.pRoute,'sq')"  ng-repeat="ms in m.children | orderBy:'pPlace'" >
	        	
	        	<a  ui-sref="{{ms.pRoute}}" >{{ms.pName}}</a>
	        </li>
       
      	</ul>
    </li>
	 	
	 </ul>
  <!--<ul>
    <li >
    	<a ng-class="{'staff':'actives'}[page]" ui-sref="home.staff"  ng-click="getPage('staff','s')">
    		<i class="icon icon-th">
    		</i> <span>人事行政</span> 
    		<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.staff]" class="icon-chevron-right"></i>
    	</a>
    	<ul ng-if="pages.staff">
        <li ng-class="{'people':'actives'}[page]" ng-click="getPage('people','sq')" >
        	<a  ui-sref="home.staff" >人员信息</a>
        </li>
        <li ng-class="{'zzjg':'actives'}[page]" ng-click="getPage('zzjg','sq')">
        	<a   ui-sref="home.structure">组织架构</a>
        </li>	
         <li ng-class="{'census':'actives'}[page]" ng-click="getPage('census','sq')" >
        	<a  ui-sref="home.census" >人员统计</a>
        </li>
      </ul>
    </li>
    <li >
    	<a ng-class="{'project':'actives'}[page]"  ng-click="getPage('project','s')">
    		<i class="icon icon-th">
    		</i> <span>项目管理</span> 
    		<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.staff]" class="icon-chevron-right"></i>
    	</a>
    	<ul ng-if="pages.project">
        <li ng-class="{'prxx':'actives'}[page]" ng-click="getPage('prxx','sq')" >
        	<a  ui-sref="home.project" >项目信息</a>
        </li>
      </ul>
    </li>
     <li >
    	<a ng-class="{'sale':'actives'}[page]"  ng-click="getPage('sale','s')">
    		<i class="icon icon-th">
    		</i> <span>销售管理</span> 
    		<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.staff]" class="icon-chevron-right"></i>
    	</a>
    	<ul ng-if="pages.sale">
        <li ng-class="{'fee':'actives'}[page]" ng-click="getPage('fee','sq')" >
        	<a  ui-sref="home.fee" >客户单位</a>
        </li>
        <li ng-class="{'reimburse':'actives'}[page]" ng-click="getPage('reimburse','sq')" >
        	<a  ui-sref="home.reimburse" >客户联系人</a>
        </li>
        <li ng-class="{'other':'actives'}[page]" ng-click="getPage('other','sq')" >
        	<a  ui-sref="home.other" >销售合同</a>
        </li>
      </ul>
    </li>
    <li >
    	<a ng-class="{'purchase':'actives'}[page]"  ng-click="getPage('purchase','s')">
    		<i class="icon icon-th">
    		</i> <span>采购管理</span> 
    		<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.staff]" class="icon-chevron-right"></i>
    	</a>
    	<ul ng-if="pages.purchase">
        <li ng-class="{'fee':'actives'}[page]" ng-click="getPage('fee','sq')" >
        	<a  ui-sref="home.fee" >供应商</a>
        </li>
        <li ng-class="{'reimburse':'actives'}[page]" ng-click="getPage('reimburse','sq')" >
        	<a  ui-sref="home.reimburse" >采购合同</a>
        </li>
      </ul>
    </li>
    <li >
    	<a ng-class="{'fees':'actives'}[page]"  ng-click="getPage('fees','s')">
    		<i class="icon icon-th">
    		</i> <span>财务管理</span> 
    		<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.staff]" class="icon-chevron-right"></i>
    	</a>
    	<ul ng-if="pages.fees">
        <li ng-class="{'fee':'actives'}[page]" ng-click="getPage('fee','sq')" >
        	<a  ui-sref="home.fee" >项目费用</a>
        </li>
        <li ng-class="{'reimburse':'actives'}[page]" ng-click="getPage('reimburse','sq')" >
        	<a  ui-sref="home.reimburse" >管理费用</a>
        </li>
        <li ng-class="{'other':'actives'}[page]" ng-click="getPage('other','sq')" >
        	<a  ui-sref="home.other" >其他费用</a>
        </li>
         <li ng-class="{'income':'actives'}[page]" ng-click="getPage('income','sq')" >
        	<a  ui-sref="home.income" >收入费用</a>
        </li>
      </ul>
    </li>
     <li >
    	<a ng-class="{'statis':'actives'}[page]"  ng-click="getPage('statis','s')">
    		<i class="icon icon-th">
    		</i> <span>统计分析</span> 
    		<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.staff]" class="icon-chevron-right"></i>
    	</a>
    	<ul ng-if="pages.statis">
        <li ng-class="{'fee':'actives'}[page]" ng-click="getPage('fee','sq')" >
        	<a  ui-sref="home.fee" >项目成本</a>
        </li>
        <li ng-class="{'reimburse':'actives'}[page]" ng-click="getPage('reimburse','sq')" >
        	<a  ui-sref="home.reimburse" >经营统计</a>
        </li>
      </ul>
    </li>
    <li > 
    	<a ng-class="{'contact':'actives'}[page]"   ng-click="getPage('contact','s')">
    	<i class="icon icon-th-list"></i> <span>基础设置</span>
    	<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.contact]" class="icon-chevron-right"></i>
    	</a>
    	<ul ng-if="pages.contact">
        <li ng-class="{'service':'actives'}[page]" ng-click="getPage('service','sq')" >
        	<a  ui-sref="home.service" >员工在职状态</a>
        </li>
        <li ng-class="{'professional':'actives'}[page]" ng-click="getPage('professional','sq')" >
        	<a  ui-sref="home.professional" >员工专业</a>
        </li>
        <li ng-class="{'character':'actives'}[page]" ng-click="getPage('character','sq')" >
        	<a  ui-sref="home.character" >户口性质</a>
        </li>
        <li ng-class="{'post':'actives'}[page]" ng-click="getPage('post','sq')" >
        	<a  ui-sref="home.post" >岗位管理</a>
        </li>
         <li ng-class="{'projectType':'actives'}[page]" ng-click="getPage('projectType','sq')" >
        	<a  ui-sref="home.projectType" >项目类型</a>
        </li>
        <li ng-class="{'subject':'actives'}[page]" ng-click="getPage('subject','sq')" >
        	<a  ui-sref="home.subject" >科目管理</a>
        </li>
        <li ng-class="{'payment':'actives'}[page]" ng-click="getPage('payment','sq')" >
        	<a  ui-sref="home.payment" >付款类型</a>
        </li>
      </ul>
    </li>
    <li   > 
    	<a ng-class="{'system':'actives'}[page]" ng-click="getPage('system','s')">
    		<i class="icon icon-th-list"></i> 
    		<span>系统管理</span>
    		<i style="margin-left: 70px;"  ng-class="{true:'icon-chevron-down'}[pages.system]" class="icon-chevron-right"></i>
    	</a>
      <ul ng-if="pages.system">
        <li  ui-sref="home.user" ng-class="{'user':'actives'}[page]" ng-click="getPage('user','sq')"><a >用户管理</a></li>
        <li  ui-sref="home.role" ng-class="{'role':'actives'}[page]" ng-click="getPage('role','sq')"><a >角色管理</a></li>
         <li ui-sref="home.column" ng-class="{'menu':'actives'}[page]" ng-click="getPage('menu','sq')"><a >栏目管理</a></li>	
      </ul>
    </li>
   
  </ul>-->
</div>
<div id="content" ui-view style="height: 600px;">
 
</div>
<!--Footer-part-->
<!--<div class="row-fluid">
  <div id="footer" class="span12"> 2013 &copy; Matrix Admin. Brought to you by <a href="http://themedesigner.in/">Themedesigner.in</a> </div>
</div>-->
<!--end-Footer-part-->
<script type="text/ng-template" id="userAdd.html">
			<style>
				.modal-content{
					width: 600px;
					margin-left: 180px;
				}
				.table_input{
					width:256px;text-indent: .1rem;height: 36px;
				}
				.table_span{
					display: block;width:100px;
				}
				
			</style>
			<div class="modal-header" style="text-align: center;font-size: 24px;background: #4092E8;color: white;height:50px;line-height: 50px">
				<div style="margin-top: -8px;">
					{{sername}}
				</div>
				<button style="color:white;float: right;background: #4092e8;border: none;outline: none;box-shadow: none;margin-top: -35px;" class="btn " type="button" ng-click="cancel()">[关闭]</button>
			</div>
			<div class="modal-body" >
				<div class="adduser" >

					<div style="    margin-left: 40px;">
						<form novalidate="novalidate" name="login">
							<div style="margin: 10px 0;display: flex;align-items: center;">
								<span class="table_span" >用户名：</span>
								<input class="table_input"   name="user" ng-model="add.user" ng-change="user()" disabled autocomplete="off">
								<!--<span class="error bigError "  style="font-size: 18px;font-weight: bold;" ng-if="login.user.$error.required" >*</span>
								<span class="error bigError "  style="font-size: 18px;font-weight: bold;" ng-if="!login.user.$error.required&&register">账号已注册</span>-->
							</div>
							<div style="margin: 10px 0;display: flex;align-items: center;">
								<span class="table_span" >密码：</span>
								<input class="table_input"   type="password" autocomplete="off" name="qpassword" ng-change="password()" ng-model="add.qpassword" required  ng-pattern="/^([A-Z]|[a-z]|[0-9]|[`~!@#$%^&*()+=|{}':;',\\\\[\\\\].<>/?~！@#￥%……&*（）——+|{}【】‘；：”“'。，、？]){6,32}$/"/>
								<span class="error bigError " style="font-size: 18px;font-weight: bold;"  
									ng-if="login.qpassword.$error.required">*</span>
								<span class="error bigError " style="font-size: 18px;font-weight: bold;"  
									ng-show="login.qpassword.$error.pattern">密码长度不足</span>
							</div>
							<div style="margin: 10px 0;display: flex;align-items: center;">
								<span class="table_span" >确定密码：</span>
								<input class="table_input"   type="password" autocomplete="off" name="password" ng-change="password()" ng-model="add.password" required  ng-pattern="/^([A-Z]|[a-z]|[0-9]|[`~!@#$%^&*()+=|{}':;',\\\\[\\\\].<>/?~！@#￥%……&*（）——+|{}【】‘；：”“'。，、？]){6,32}$/"/>
								<span class="error bigError " style="font-size: 18px;font-weight: bold;"  
									ng-if="login.password.$error.required">*</span>
								<span class="error bigError " style="font-size: 18px;font-weight: bold;"  
									ng-show="login.password.$error.pattern">密码长度不足</span>
									<span class="error bigError " style="font-size: 18px;font-weight: bold;"  
									ng-if="!login.password.$error.pattern&&!login.password.$error.required&&add.password!=add.qpassword">两次密码不一致</span>
							</div>
						</form>

					</div>
				</div>
			</div>
			<div class="modal-footer" style="position: relative;height:50px;">
				<div style="display: flex;justify-content: flex-end;padding: 0;position: absolute;right: 20px;top: 0.1rem;">
					
					<button  class="" ng-disabled="login.$invalid||add.password!=add.qpassword||login.qpassword.$error.pattern||login.password.$error.pattern" 
						ng-class="{true:'btn btn-primary'}[form.$invalid||add.password!=add.qpassword||login.qpassword.$error.pattern||login.password.$error.pattern]" 
						style="width: 100px;border-radius: 0;line-height: 32px;background-color:#4092e8 ;border:#4092e8 ; font-size: 13px;color: white;font-size: 14px;margin-top: 5px;"
						ng-click="ok(form.$invalid)">保 存</button>
				</div>
			</div>
		</script>
